<template>
  <div
    :class="[
      css_wind_light_hover,
      css_content_padding,
      user_upload_border,
      css_cursor_pointer,
    ]"
    :id="user_upload_border"
  >
    <a :class="[css_color_active]">{{ user_upload_placeholder }}</a>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './user_upload.css';

import {
  css_color_active,
  css_content_padding,
  css_cursor_pointer,
  css_wind_light_hover,
} from '../../../global_comps/Css';
import {
  user_upload_border,
  user_upload_placeholder,
} from './DataDefine/sourceData';
import { init_user_upload } from './user_upload';

onMounted(() => {
  init_user_upload();
});
</script>
